﻿.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 992px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    
  }
   table {
             table-layout: initial;
            word-wrap: break-word;
            font-size: small;
            text-align: center;
        }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.modalloading {
    display: none;
    position: fixed;
    z-index: 99999 !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../Images/loadding.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

 body.loading .modalloading {
        display: block;
    }
 /*huydq: style for header*/
 .page-header.navbar
 {
     background:#49bf67 !important;
 }
 .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: #246534 !important;
}
 
 ul.logo-text
{
    list-style:none;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-left:30px;
}
ul.logo-text li
{
    width:30px;
    height:30px;
    padding-top:9px;
    text-align:center;

    overflow:hidden;
    float:left;
    line-height:1.1;
    font-size:13px;
    font-weight:bold;
    background:#27703a;
    color:#fff;
    margin-right:5px;
    box-shadow:1px 1px 2px rgba(230,230,230,0.5);



}


 /*Huydq: menu style*/
 .sidebar-toggler
 {
     /*background:#49bf67 !important;*/
 }
 .sidebar-toggler a{
     color:#fff;

 }
#main-nav-bg {
    width: 235px;
    position: absolute;
    float: left;
    border-right: 1px solid #dddddd;
    background: #f4f4f4;
    display: block;
    z-index: -1;
    top: 0;
    bottom: 0;
}
.page-sidebar-menu 
{
     border-right: 1px solid #dddddd;
    background: #f4f4f4;
}
.page-sidebar-menu a{
    color:#222 !important;
}

.page-sidebar-menu a:hover{
    color:#49bf67 !important;
}

ul.page-sidebar-menu >li >a
{
    background-color: #f4f4f4;
    
    display:block;   
    
    border-bottom: 1px solid white !important;
    border-top: 1px solid #e7e7e7 !important;
    
}
.page-sidebar-menu > li > a > i
{
    color:#49bf67 !important;
}
.sub-menu
{
        background-color: #ddd !important;
    border-bottom: 1px solid white;
}
.sub-menu li a
{
    border-bottom: 1px solid #ccc !important;
}
.modal-header{
    color: white;
    background-color: #1CA03E !important;
    border-color: #1CA03E !important;
}
.popover {
    width:350px !important;
    height:250px !important; 
}

.restartall{
    text-align: right !important;
}
.e-input1{
    text-align: right !important;
}
.e-input2{
    text-align: right !important;
}
.e-input3{
    text-align: right !important;
}
@-moz-document url-prefix() { 
  #tbdata {
     max-width: none !important;
  }
  .restartall{
      margin-left: 0% !important;
      width: 100% !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #tbdata {
     max-width: none !important;
  }
  .restartall{
      margin-left: 0% !important;
      width: 100% !important;
  }
}
#chatbox {
   overflow:   auto;
    position:   relative;
    width:      100%;
    max-height: 300px;
    border: 1px solid #ccc;
}

.blue_box, .green_box {
    display: block;
    clear:both;
}
.blue_box span {
    background-color: blue;
    color: white;
    padding: 10px 5px;
    display: block;
    float: right;
}
.green_box span {
    background-color: green;
    color: white;
    padding: 10px 5px;
    display: block;
    float: left;
}
.arrow_box_left {
    position: relative;
    background: #88b7d5;
    border: 4px solid #c2e1f5;
    color:white;
    padding: 11px;
    width: 280px;
    height: auto;
    margin-left: 2.5%;
    margin-top:1%;
    word-break: keep-all;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #88b7d5;
	border-width: 12px;
	margin-top: -12px;
}
.arrow_box_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 18px;
	margin-top: -18px;
}
.arrow_box_right {
    position: relative;
    background: #5752ff;
    border: 4px solid #2a30f5;
    padding: 11px;
    width: 280px;
    height: auto;
    margin-right: 2.5%;
    float: right;
    margin-top:1%;
    word-break: keep-all;
    color:white;
}
.arrow_box_right:after, .arrow_box_right:before {
    left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_right:after {
	border-color: rgba(170, 177, 181, 0);
	border-left-color: #5752ff;
	border-width: 12px;
	margin-top: -12px;
}
.arrow_box_right:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #2a30f5;
	border-width: 18px;
	margin-top: -18px;
}